import React, { Component } from 'react';
//import './BasicException.scss';
import { Link } from 'react-router-dom';
import { Result, Button } from 'antd';
import { FrownOutlined } from '@ant-design/icons';

export default class BasicException extends Component {
  static displayName = 'BasicException';
  render() {
    return (
      <div className="basic-exception">
        <Result
            icon={<FrownOutlined />}
            title="抱歉，服务器出错了"
            extra={<Button type="primary">Next</Button>}
        />
        <p style={styles.description} className="description">
                服务器出错了，请重新刷新页面或返回<Link to='/'>首页</Link>
        </p>
      </div>
    );
  }
}

const styles = {
  exceptionContent: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  title: {
    color: '#333',
  },
  description: {
    color: '#666',
  },
};
